<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>修改密码</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../lib/layui-v2.6.3/css/layui.css" media="all">
    <link rel="stylesheet" href="../css/public.css" media="all">
    <style>
        .layui-form-item .layui-input-company {width: auto;padding-right: 10px;line-height: 38px;}
    </style>
</head>
<body>
<div id="app">
	<div class="layuimini-container">
	    <div class="layuimini-main">
	
	        <div class="layui-form layuimini-form">
	            <div class="layui-form-item">
	                <label class="layui-form-label required">旧的密码</label>
	                <div class="layui-input-block">
	                    <input type="password" name="old_password" lay-verify="required" lay-reqtext="旧的密码不能为空" placeholder="请输入旧的密码"  value="" class="layui-input" v-model="oldPassword">
	                    <tip>填写自己账号的旧的密码。</tip>
	                </div>
	            </div>
	
	            <div class="layui-form-item">
	                <label class="layui-form-label required">新的密码</label>
	                <div class="layui-input-block">
	                    <input type="password" id="new_password" name="new_password" lay-verify="required" lay-reqtext="新的密码不能为空" placeholder="请输入新的密码"  value="" class="layui-input" v-model="new_password">
	                </div>
	            </div>
	            <div class="layui-form-item">
	                <label class="layui-form-label required">新的密码</label>
	                <div class="layui-input-block">
	                    <input type="password" name="again_password" lay-verify="required" lay-reqtext="新的密码不能为空" placeholder="请输入新的密码"  value="" class="layui-input" v-model="again_password">
	                </div>
	            </div>
	
	            <div class="layui-form-item">
	                <div class="layui-input-block">
	                    <button class="layui-btn layui-btn-normal" lay-submit lay-filter="saveBtn"  @click="judge()">确认保存</button>
	                </div>
	            </div>
	        </div>
	    </div>
	</div>
	
</div>
<script src="../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
<script src="../js/lay-config.js?v=1.0.4" charset="utf-8"></script>
<script src="../js/vue.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/axios.min.js" type="text/javascript" charset="utf-8"></script>
<script>
    layui.use(['form','miniTab'], function () {
        var form = layui.form,
            layer = layui.layer,
            miniTab = layui.miniTab;

        //监听提交
   //      form.on('submit(saveBtn)', function (data) {
			
   //          var index = layer.alert(JSON.stringify(data.field), {
   //              title: '最终的提交信息'
   //          }, function () {
   //              layer.close(index);
   //              miniTab.deleteCurrentByIframe();
   //          });
   //          return false;
   //      });

    });
</script>


<script type="text/javascript">
	new Vue({
		el:"#app",
		data:{
			user:{
				id:'',
				uname:'',
				password:'',
				name:''
			},
			//获取到之前的密码
			oldPassword:'',
			new_password:'',
			again_password:'',
			id:''
			
		},
		methods:{
			login(){
				alert("ss")
			},
			//判断俩个密码是否相同
			judge(){
				if(this.new_password==this.again_password)
				{
					this.modify()
				}
				else{
					alert("两次密码输入不一致！请重新输入")
				}
			},
			// 确认提交修改(向后台发送修改密码的请求)
			modify(){
					// 需要发送出去的data
						
						axios
						.get('http://localhost:8080/setPassword.action',{
							params:{
								id:this.user.id,
								oldPassword:this.oldPassword,
								password:this.again_password
							}
						})
						.then(res=>{
										 console.log(res.data)
										 if(res.data=='ok')
										 {
											 alert("修改成功！重新登录")
											  window.location = 'login-3.html';
										 }
										
						})
						}
				
		},
		mounted:function(){
			//加载完成时，获取当前登录用户
			 axios
			 .get('http://localhost:8080/judgeLogin.action')
			 .then(res=>{
				 console.log(res.data)
				 this.user=res.data
				
			 })
		}
	})
</script>
</body>
</html>